

$headerBgc: #f4f6fc;
$headerTextColor: #666;
$TableFontFamily: "Microsoft YaHei";
$TableFontSize: 14px;
$borderColor: #e5eaf2;

.zvue-table-wrapper {
  font-family: $TableFontFamily;
  font-size: $TableFontSize;
  width: 100%;

  .el-table {
    width: 100%;
    border: 1px solid $borderColor;
    border-bottom: 0px;
    .el-table__fixed-right-patch {
      background-color: $headerBgc;
    }
    // 去除多选宽度不够会显示省略号
    .el-table-column--selection {
      text-overflow: inherit !important;
      .cell {
        text-overflow: inherit !important;
      }
    }
    // 列标题
    .zvue-table-header {
      th {
        background-color: $headerBgc !important;
        color: $headerTextColor;
        font-weight: bold;
      }
      button {
        width: auto !important;
      }
      .cell {
        text-overflow: unset;
      }
    }
    .zvue-table-cell {
      color: #666;
      font-weight: 400;
      button {
        width: auto !important;
      }
    }
    // 下拉
    .el-dropdown {
      margin-left: 10px;
      font-size: 12px;
      .el-dropdown-link {
        cursor: pointer;
        color: #409eff;
      }
      .el-icon--right {
        margin-left: 0;
      }
    }
    // 空表头空数据1px问题解决
    .el-table__empty-block {
      width: 100% !important;
    }
  }
  // 分页
  .zvue-table-pagination {
    margin-top: 20px;
    color: #bababa;
    background-color: #f4f5f7;
    .btn-prev,
    .btn-next,
    ul.el-pager li {
      background-color: inherit;
    }
  }
  // 编辑
  .z-input-number,
  .el-cascader,
  .el-date-editor.el-input,
  .el-date-editor.el-input__inner,
  .el-select {
    width: 100% !important;
  }
  // 合计footer
  .el-table__fixed-footer-wrapper,
  .el-table__footer-wrapper {
    td {
      padding: 0 !important;
    }
  }
  // 列操作兼容span间隔，否则span和button会紧贴着
  .zvue-table_operation {
    .el-button + span {
      margin-left: 10px;
    }
    span + .el-button {
      margin-left: 10px;
    }
  }
}